<template>
	<div class="zhengtuojianhuo">
		<van-nav-bar :fixed="true" class="navBar" title="每日动盘" left-arrow @click-left="$router.go(-1)"></van-nav-bar>




		<div class="goodsFromWarp">

				<div class="goodsInputWarp">
						<div class="goodsInputLabel">
							<div class="goodsInputBorder"></div>
							<div class="skuName">盘点仓位：</div>
						</div>
						<van-field
							 class="skuInput"
							 v-model="editForm.pdcwno"
							 placeholder="请填写盘点仓位"
							 clearable
							 @keyup="onEnter($event,do_inputspbar)"
						 />

						 <div class="searchBtn">
								<button :disabled="isdisabled"  @click.stop="lingquBtn()" >
									<van-icon name="search" size="20" color="#1989fa"  />
								</button>
						 </div>
				</div>

				<div class="goodsInputWarp">
						<div class="goodsInputLabel">
							<div class="goodsInputBorder"></div>
							<div class="skuName">商品编码：</div>
						</div>
						<van-field
							 class="skuInput"
							 v-model="editForm.itemid"
							 placeholder="请填写商品编码"
							 clearable
							  @keyup="onEnter($event,do_inputspbarSku)"
						 />

						 <div class="searchBtn">
							 <!--   searchGoodsBtn -->
								<button :disabled="isdisabled"  @click.stop="skuDatafmart()" > 
									<van-icon name="search" size="20" color="#1989fa"  />
								</button>
						 </div>
				</div>



			<div class="tishiMessageWarp">
				<div class="tishiMessage" v-for="(row,i) in lingquData" :key="i" >
					{{i+1}}. 商品：{{row.itemid}} {{row.itemname}} 包装：{{row.unit}} 箱：{{row.pack}} 散：{{row.qty}} 总：{{row.totqty}}
				</div>
			</div>


		</div>

		<div class="goodsFromWarp" style="padding-top: 0px;">
				<div class="goodsInputWarp" v-if="noskuRow == 'Y'">
						<div class="goodsInputLabel" style="width:60px;" >
							<div class="skuName" style="width:60px;" >商品：</div>
						</div>


						<div class="skuNoInput" style="padding-left: 0;">
								{{skuRow.subsname}}
						</div>
				</div>


				<div class="goodsInputWarp" v-else>
						<div class="goodsInputLabel" style="width:60px;" >
							<div class="skuName" style="width:60px;" >商品：</div>
						</div>


						<div class="skuNoInput" style="padding-left: 0;">
								{{skuRow.subsname}}
						</div>
				</div>





				<div class="goodsInputWarp">
						<div class="goodsInputLabel" style="width:60px;">
							<div class="skuName" style="width:60px;" >账面：</div>
						</div>


						<div class="skuNoInput" style="padding-left: 0;" v-if="noskuRow == 'Y'">
						<!-- "账面: " + pack + " * " +  unit + " + " + qty; -->
							{{skuRow.pack}} {{skuRow.pack>''?'*':''}} {{skuRow.unit}} {{skuRow.pack>''?'+':''}}  {{skuRow.qty}}
						</div>

						<div class="skuNoInput" style="padding-left: 0;" v-else>
							{{'账目无'}}
						</div>
				</div>


				<div class="rowInput">
						<div class="rowInput_left">
								<div class="rowInputLabel">
									<div class="">箱装：</div>
								</div>

								<van-field
									 class="input_tow"
									 clearable
									 v-model="skuRow.unit"
									 placeholder="请填写箱装"
								 />
						</div>

						<div class="rowInput_right">
								<div class="rowInputLabel">
									<div class="">箱数：</div>
								</div>

								<van-field
									 class="input_tow"
									 clearable
									 v-model="skuRow.pack"
									 placeholder="请填写箱数"
								 />
						</div>
				</div>

				<div class="rowInput">
						<div class="rowInput_left">
								<div class="rowInputLabel">
									<div class="">散数：</div>
								</div>

								<van-field
									 class="input_tow"
									 clearable
									 v-model="skuRow.qty"
									 placeholder="请填写散数"
								 />
						</div>
				</div>








				<div class="goodsInputWarp">
						<div class="goodsInputLabel" style="width:60px;">
							<div class="skuName" style="width:60px;">位置：</div>
						</div>
						<van-field
							 class="skuInput"
							 v-model="editForm.wz"
							 placeholder="请填写位置"
							 clearable
						 />

						 <div class="searchBtn">
								<button :disabled="isdisabled"  @click.stop="searchAddressBtn()" >
									<van-icon name="ellipsis" color="#1989fa"  />
								</button>
						 </div>
				</div>
				<div class="zhuyi">注意：按【仓位+商品+包装】盘点，同一商品仓位上有两个包装需要分别盘两次</div>
		</div>





		<div class="skuBtn">
			<van-button type="info" :disabled="isdisabled" @click="searchKCBtn()">库存</van-button>
			<van-button type="info" :disabled="isdisabled" @click="saveGengXinBtn()">更新库存</van-button>
		</div>

		<div class="skuBtn">
			<van-button type="info" :disabled="isdisabled"  @click="selectXiaBtn()">下一条</van-button>
		</div>




		<van-overlay :show="isSkuVisible" :lock-scroll="false">
			<div class="shipandanWrapper">
					<van-sticky>
						<van-nav-bar class="navBar" title="盘点仓位" left-arrow @click-left="isSkuVisible = false"></van-nav-bar>
					</van-sticky>
					<div class="shipandanCon" @click.stop>
							<div  v-for="(row,i) in skuData" :key="i" class="danjuRow" @click="selectSkuClick(row,i)">

								<div class="skuHeader">
									<div class="skuHeaderLabel">商品：</div>
									<div class="skuHeaderCon">{{row.itemid}} {{row.subsname}}</div>
								</div>

								<van-row class="skuList">
									<van-col span="24"> <span>商品明细：</span> {{row.itemmx}}</van-col>
								</van-row>

								<van-row class="skuList"  >
									<van-col span="24"> <span>箱装：</span> {{row.unit}}</van-col>
								</van-row>
								<van-row class="skuList"  >
									<van-col span="24"> <span>箱数：</span> {{row.pack}}</van-col>
								</van-row>
								<van-row class="skuList"  >
									<van-col span="24"> <span>散数：</span> {{row.qty}}</van-col>
								</van-row>
								<van-row class="skuList"  >
									<van-col span="24"> <span>总数量：</span> {{row.totqty}}</van-col>
								</van-row>
							</div>
					</div>
			</div>
		</van-overlay>


		<van-overlay :show="isKuCunVisible" :lock-scroll="false">
			<div class="shipandanWrapper">
					<van-sticky>
						<van-nav-bar class="navBar" title="库存" left-arrow @click-left="isKuCunVisible = false"></van-nav-bar>
					</van-sticky>
					<div class="shipandanCon" @click.stop>
							<div  v-for="(row,i) in kcData" :key="i" class="danjuRow">

								<div class="skuHeader">
									<div class="skuHeaderLabel">仓位：</div>
									<div class="skuHeaderCon">{{row.cwno }}</div>
								</div>

								<van-row class="skuList">
									<van-col span="12"> <span>包装：</span> {{row.unit}}</van-col>
									<van-col span="12"> <span>箱数：</span> {{row.pack}}</van-col>
								</van-row>



								<van-row class="skuList"  >
									<van-col span="12"> <span>散数：</span> {{row.qty}}</van-col>
									<van-col span="12"> <span>已分配：</span> {{row.yfpqty}}</van-col>
								</van-row>



								<van-row class="skuList"  >
									<van-col span="12"> <span>总数量：</span> {{row.totqty}}</van-col>

								</van-row>

							</div>
					</div>
			</div>
		</van-overlay>


		<van-overlay :show="isAddressVisible" :lock-scroll="false">
			<div class="shipandanWrapper">
					<van-sticky>
						<van-nav-bar class="navBar" title="库存" left-arrow @click-left="isAddressVisible = false"></van-nav-bar>
					</van-sticky>
					<div class="shipandanCon" @click.stop>
							<div  v-for="(row,i) in addData" :key="i" class="danjuRow" @click="selectAddress(row)">
								<div class="skuHeader">
									<div class="skuHeaderLabel">位置：</div>
									<div class="skuHeaderCon">{{row.wz }}</div>
								</div>
								<van-row class="skuList">
									<van-col span="24"> <span>仓位数：</span> {{row.dpcws}}</van-col>
								</van-row>
							</div>
					</div>
			</div>
		</van-overlay>

	</div>
</template>

<script>

export default {
  name: 'meiridongpan',
  data() {
    return {
			editForm:{
				pdcwno:'', //C2240412  C0100112
				itemid:'', //623937  216289
				wz:'',
				route_c:'',
			},
			skuRow:{
				subsname:'',
				subid:'',
				unit:'',
				pack:'',
				qty:'',
			},
			noskuRow:'Y',
			isdisabled:false,
			isBillVisible:false,
			lingquData:[],
			isSkuVisible:false,
			skuData:[
				{
					itemid:'',
					subsname:'',
					itemmx:'',
				}
			],
			kcData:[
				{
					cwno:''
				}
			],
			isKuCunVisible:false,
			addData:[
				{
					wz:''
				}
			],
			isAddressVisible:false,
			addressRow:{},
		};
  },
	computed: {
		 ryuser: function(){
			 return this.GWO(true).gUSER;
		 },
	},
  methods: {
		do_inputspbar(pmtxt){
			console.log(pmtxt)  //扫描枪获取的参数
			this.editForm.bill = pmtxt
			this.lingquBtn()
		},
		do_inputspbarSku(pmtxt){
			this.editForm.itemid = pmtxt
			// this.searchGoodsBtn()
			this.skuDatafmart()
		},
		skuDatafmart(){
			var _self = this;
			_self.total = 0
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
					'method':'dgate',
					'pname':'f_wmsa_y_chaxun',
					'i':this.FNULLE([
					'opmode','qry_item005',
						'czyid',this.ryuser.operatorid,
						'kqid', this.ryuser.kqid,
						'cwno',this.editForm.cwno,
						'itemid',this.editForm.itemid,
					])
				},'查询系统',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到商品编码详情")
					console.log(rtn_json_obj)
					if(rtn_json_obj.length>0){
						_self.editForm.itemid = rtn_json_obj[0].itemid
						_self.searchGoodsBtn()  //先转换后再调用
					}else{
						_self.$toast.fail('商品编码不存在')
					}
				}
			});
		},
		lingquBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
				'i':this.FNULLE([
				'opmode','Y_MRDP_qrypdcwno',
				'czyid',this.ryuser.operatorid,
				'kqid', this.ryuser.kqid,
				'pdcwno',this.editForm.pdcwno,
				])
				},'盘点仓位查询',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到盘点仓位查询")
					console.log(rtn_json_obj)
					_self.lingquData = rtn_json_obj
					if(_self.lingquData.length > 0){
						// _self.isSkuVisible = true
					}else{
						_self.$toast.fail('暂无商品信息')
					}

				}
			});
		},
		searchGoodsBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
				'i':this.FNULLE([
				'opmode','Y_MRDP_qryitemid',
				'czyid',this.ryuser.operatorid,
				'kqid', this.ryuser.kqid,
				'pdcwno',this.editForm.pdcwno,
				'itemid',this.editForm.itemid,
				])
				},'商品查询',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到商品查询")
					console.log(rtn_json_obj)
					_self.skuData = rtn_json_obj
					console.log(_self.skuData.length)
					console.log(_self.skuData)
					if(_self.skuData.length == 0 ){
						console.log("查不到商品新添加")
						_self.noskuRow = 'N'
						_self._getSelectSku()
					}else{
						_self.noskuRow = 'Y'
						_self.skuRow =_self.skuData[0]
						_self.editForm.itemid = _self.skuData[0].itemid
						_self.editForm.route_c = _self.skuData[0].route_c
						// _self._getSelectSku()
							// _self.searchKCBtn()
					}
				}
			});
		},
		selectSkuClick(row){
			this.skuRow = row
			this.editForm.itemid = row.itemid
			this.editForm.route_c = row.route_c
			this.isSkuVisible = false
			this._getSelectSku()
		},
		_getSelectSku(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
				'i':this.FNULLE([
				'opmode','Y_MRDP_jyitemid',
				'czyid',this.ryuser.operatorid,
				'kqid', this.ryuser.kqid,
				'itemid',this.editForm.itemid,
				])
				},'选择商品查询',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到选择商品查询")
					console.log(rtn_json_obj)
					_self.skuRow = rtn_json_obj[0]
					// if(rtn_json_obj[0].unit >''){
					// 	_self.skuRow.unit = rtn_json_obj[0].unit
					// }
				}
			});
		},
		searchKCBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
				'i':this.FNULLE([
				'opmode','Y_MRDP_qryitemkc',
				'czyid',this.ryuser.operatorid,
				'kqid', this.ryuser.kqid,
				'itemid',this.editForm.itemid,
				'subid',this.skuRow.subid,
				'unit',this.skuRow.unit,
				])
				},'查库存',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到查库存查询")
					console.log(rtn_json_obj)
					_self.kcData = rtn_json_obj
					if(_self.kcData.length > 0){
						_self.isKuCunVisible = true
					}else{
						_self.$toast.fail('暂无库存信息')
					}
				}
			});
		},
		saveGengXinBtn(){
			this.$dialog.confirm({
				title: '提示',
				message:'请确认仓位:' + this.editForm.pdcwno + '商品：'+ this.skuRow.subsname+'箱装：'+ this.skuRow.unit+'的库存为，箱数：'+ this.skuRow.pack + '散数：'+this.skuRow.qty+'是否继续？',
			}).then(() => {
				 this._gengxin()
			}).catch(() => {

			});
		},
		_gengxin(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
					'i':this.FNULLE([
						'opmode','Y_MRDP_gxkc',
						'czyid',this.ryuser.operatorid,
						'kqid', this.ryuser.kqid,
						'itemid',this.editForm.itemid,
						'subid',this.skuRow.subid,
						'unit',this.skuRow.unit,
						'pack',this.skuRow.pack,
						'qty',this.skuRow.qty,
						'totqty',this.skuRow.totqty,
						'pdcwno',this.editForm.pdcwno,
					])
				},'更新库存',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到更新库存")
					console.log(rtn_json_obj)
					if(rtn_json_obj[0].ret_ret == '-1'){
						_self.$toast.fail(rtn_json_obj[0].ret_mess)
						return
					}else{
						_self.$toast(rtn_json_obj[0].ret_mess)
						_self.editForm.itemid = ''
						_self.editForm.pdcwno = ''
						_self.skuRow = {}
						_self.noskuRow = 'Y'
						_self.lingquData = []
					}
				}
			});
		},
		searchAddressBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
					'i':this.FNULLE([
						'opmode','Y_MRDP_qrywz',
						'czyid',this.ryuser.operatorid,
						'kqid', this.ryuser.kqid,
					])
				},'位置查询',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到位置查询")
					console.log(rtn_json_obj)
					_self.addData = rtn_json_obj
					if(_self.addData.length > 0){
						_self.isAddressVisible = true
					}else{
						_self.$toast.fail('暂无位置信息')
					}
				}
			});
		},
		selectAddress(row){
			console.log()
			this.editForm.wz = row.wz
			this.isAddressVisible = false
			this.addressRow = row
		},
		selectXiaBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
					'i':this.FNULLE([
						'opmode','Y_MRDP_qryxyt',
						'czyid',this.ryuser.operatorid,
						'kqid', this.ryuser.kqid,
						'p_nof',this.addressRow.p_nof,
						'p_not',this.addressRow.p_not,
						'route_c',this.editForm.pdcwno,
					])
				},'下一条查询',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到下一条查询")
					console.log(rtn_json_obj)
					if(rtn_json_obj.length>0){
						_self.editForm.pdcwno =  rtn_json_obj[0].cwno
						_self.lingquBtn()
					}else{
						_self.$toast.fail('暂无新的盘点任务')
					}
				}
			});
		},
  },
  mounted() {

  },
	components: {

	},
};
</script>

<style lang="scss" scoped>
	// 引入公共样式
	@import '@/assets/css/base.scss';
	@import '@/assets/css/input.scss';
	div.zhengtuojianhuo{
		padding-top: 50px;
	}



	div.carCardWarp{
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
		margin-top: 20px;
		font-size: 14px;
		div.carCard{
			position: relative;
			border-left: 5px solid #4998FF;
			box-sizing: border-box;
			padding-left: 10px;
			padding-right: 10px;
			border-radius:5px;
			background-color: #fff;
			padding-top: 10px;
			padding-bottom: 10px;
			margin-bottom:15px;
			div.status{
				position: absolute;
				right: 0;
				top: 0;
				width: 65px;
				height: 30px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #fff;
				font-size: 12px;
				border-radius: 0px 10px 0px 10px;
			}
			div.goodRow{
				margin-bottom:8px;
				span{
					display: inline-block;
					width:80px;
				}
			}
			div.goodsTitleRow{
				display: flex;
				width: 100%;
				div.goodsTitleLabel{
					width: 80px;
				}
				div.skuNoTitle{
					width: calc(100% - 80px);
				}
			}
		}
	}


	div.skuNamaRow{
		display: flex;
		line-height: 20px;
		margin-bottom: 10px;
		div.skuNamaRow_left{
			width:90px;
		}
	}


	div.messageWarp{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		div.messageCon{
			width:80%;
			height:320px;
			background-color: #fff;
			border-radius: 10px;
			position: relative;
			.messageTitle{
				width: 100%;
				background-color: #1989fa;
				height: 38px;
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 13px;
				border-top-right-radius: 10px;
				border-top-left-radius: 10px;
			}
			.messageHeader{
				display: flex;
				// height: 30px;
				box-sizing: border-box;
				padding:5px 5%;
				font-size: 14px;
				width: 100%;
				div.messageLabel{
					width: 80px;
				}
				div.messageValue{
					width: calc(100% - 80px);
					white-space: normal
				}
			}
			div.messageFooter{
				display: flex;
				width: 100%;
				height: 41px;
				position: absolute;
				left: 0;
				bottom: 0;
				// background-color: #1989fa;
				div{
					width: 50%;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 12px;
				}
				div:nth-child(1){
					color: #1989fa;
				}

				div:nth-child(2){
					color: #1989fa;
				}
			}
		}
	}


	.tishiMessage{
		width: 100%;
		margin-bottom:5px;
		font-size: 13px;
    line-height: 20px;
	}


	.searchCwnoBtn{
		width: 200px;
		height: 30px;
		display: flex;
		button{
			margin-left: 10px;
			width: 50px;
			font-size: 12px;
			background: linear-gradient(135deg, #435EF5 0%, #68B1F9 100%);
			color: #fff;
			border: none;
			border-radius:15px;
		}
	}

	div.tishiMessageWarp{
		width: 100%;
		// height:75px;
	}

	div.shipandetail{
		display: flex;
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 10px;
	}



div.rowInput{
	display: flex;
	margin-bottom: 10px;
	div.rowInput_left{
		width: 50%;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding-right: 5px;
	}
	div.rowInput_right{
		width: 50%;
		display: flex;
		align-items: center;
	}
	div.rowInputLabel{
		font-weight: bold;
		font-size: 20px;
		width: 110px;
	}

	div.input_tow{
			// width:60%;
			background: #FFFFFF;
			border-radius: 20px;
			border: 1px solid #63A8F8;
			box-sizing: border-box;
			// padding:0px 15px;
			// height: 45px;
			// position: relative;
			.van-cell__value{
				width: 100%;
				height: 100%;
				.van-field__body{
					width: 100%;
					height: 100%;
				}
				input{
					width: 100%;
					height: 100%;
					font-size:$text-font-size;
					font-weight: 500;
				}
			}
	}
}

div.zhuyi{
	font-weight: bold;
	font-size: 20px;
}

</style>
